@import "../../both/mixin";
@import "./UserHeaderCommon";
@import "./UserHeaderReverse";

@include cf("div.header_container");
// 白色背景的头
div.header_container.bln.normal{
  box-sizing: border-box;
  width : 100%;
  padding: $header_padding_top_bottom $header_padding_left_right;

  div.fl{
    float : left;

    .logo{
      height : $header_height - 30px;
      width : 160px;
      display: block;
      float: left;
      background-size: 100% 100%;
      background-image: url("../../../../img/eda_logo.png");
      background-repeat: no-repeat;
      overflow: hidden;
      margin-top : $logo_margin_top;
    }

    @include cf("ul.banner");
    ul.banner{
      display: block;
      list-style : none;
      float: left;

      li {
        display: block;
        float : left;
        width : $list_width;
        padding : $list_padding_top_bottom $list_padding_left_right;
        font-size : 20px;
        text-align: center;
      }
      li:first-child{
        margin-left : 16px;
      }

      a{
        text-decoration: none;
        color : black;
      }

      a:hover{
        color : red;
      }
    }
  }

  div.fr{
    float: right;

    @include cf("ul.banner_r");
    ul.banner_r{
      display: block;
      list-style : none;

      li{
        display: block;
        float: left;
        padding : $list_padding_top_bottom $list_padding_left_right;
        text-align: center;
        font-size : 20px;
      }

      div.banner_search{
        position: relative;

        div.badge_cr{
          position : absolute;
          left: 2px;
          top : 0;
        }

        span.search_badge{
          position: relative;
          background-color: #efefef;
          padding : 4px;
          margin-left : 2px;
          font-size : 16px;
          color : grey;
          cursor: pointer;
        }
      }

      input[type="text"].banner_search_input{
        position: relative;
        border : 0;
        border-bottom: 1px solid darkgray;
        height : 26px;
        width : 255px;
        font-size : 18px;
        color : darkgray;
        outline : none;
      }

      input[type="text"]:focus{
        border: 0;
        border-bottom: 1px solid darkgray;
        outline : none;
      }

      i.icon_search{
        color : darkgray;
        font-size : 18px;
        position : absolute;
        right : 0;
        cursor: pointer;
      }

      .app_download{
        font-size : 24px;
        color : darkgray;
      }

      a{
        text-decoration: none;
        color : black;
      }

      a:hover{
        color : red;
      }
    }
  }
}

